<layout name='Layout/layout_page' />
<script src="<{:STATICS}>/centaurus/js/jquery.maskedinput.min.js"></script> 

	<ol class="breadcrumb">
		<li><a href="<{:U('Member/index')}>"><{:L('_menu_member')}></a></li>
      	<li class="active">Mentee Detail</li>
    </ol>

	<form id="ajaxForm" action="<{:U('Mentees/update')}>" method="post" class="form-horizontal form-validata">

		<div class="form-group">
			<label class="col-md-2 control-label" for="name">Avatar</label>
			<div class="col-md-5">
				<img src="<{$list['face']|getFace=###}>" class="avatar">
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label" for="keyword">Level</label>
			<div class="col-md-3">
				<select name="level" id="level" class="form-control">
					<option value="1">1</option>
					<option value="2">2</option>
					<option value="3">3</option>
					<option value="4">4</option>
					<option value="5">5</option>
				</select>
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label" for="keyword">Nickname</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="nickname"
				id="nickname"
				value="<{$list.nickname}>" 
				/>
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">First Name</label>
			<div class="col-md-3">
			<input type="text" class="form-control" id="firstname" name="firstname" value="<{$list['firstname']}>" placeholder="Enter First Name">
			</div>

			<label class="col-md-2 control-label">Last Name</label>
			<div class="col-md-3">
			<input type="text" class="form-control" id="lastname" name="lastname" value="<{$list['lastname']}>" placeholder="Enter Last Name">
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">Phone</label>
			<div class="col-md-3">
			<input type="text" class="form-control" id="phone" name="phone" value="<{$list['phone']}>" >
			</div>
		</div>
		<script>
		$(function(){
			$("#phone").mask("+1 (999) 999-9999");
		})
		</script>

		<div class="form-group">
			<label class="col-md-2 control-label">Address</label>
			<div class="col-md-3">
			<input type="text" class="form-control" name="address" id="address" value="<{$list['address']}>" data-rule-required="true" data-rule-en="true">
			</div>

			<label class="col-md-2 control-label">City</label>
			<div class="col-md-3">
			<input type="text" class="form-control" name="city" id="city" value="<{$list['city']}>" data-rule-required="true" data-rule-en="true">
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label"></label>
			<div class="col-md-3">
			<input type="text" class="form-control" name="address2" id="address2" value="<{$list['address2']}>" placeholder="Apartment,State,Unit etc.(Optional)">
			</div>

			<label class="col-md-2 control-label">State</label>
			<div class="col-md-3">
				<select name="state" id="state" class="form-control">
					<option value="">--select--</option>
					<volist name="state" id="vo">
					<option value="<{$vo.name}>"><{$vo.name}></option>
					</volist>
				</select>
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">Zip code</label>
			<div class="col-md-3">
			<input type="text" class="form-control" name="zip" id="zip" value="<{$list['zip']}>" data-rule-required="true" data-rule-en="true">
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">University</label>
			<div class="col-md-3">
			<input type="text" class="form-control" id="school" name="school" value="<{$list['school']}>" >
			</div>

			<label class="col-md-2 control-label">Major</label>
			<div class="col-md-3">
			<input type="text" class="form-control" name="major" id="major" value="<{$list['major']}>" data-rule-required="true" data-rule-en="true">
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">Industry You Prefer to Work In</label>
			<div class="col-md-8">
				<textarea class="form-control" name="desired" id="desired" rows="3"><{$list.desired}></textarea>
			</div>
		</div>


		<div class="form-group">
			<label class="col-md-2 control-label">Date of Birth</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="birthday"
				id="birthday"
				value="<{$list['birthday']}>" 
				/>
			</div>
			<script> 
			$(function(){
				$("#birthday" ).datepicker({
                  changeMonth: true,
                  changeYear: true,
                  defaultDate:'01/01/1960',
                  yearRange: "1960:<{$nowYear}>"
                });
			});
			</script>

			<label class="col-md-2 control-label">Gender</label>
			<div class="col-md-3">
				<label class="radio-inline">
					<input type="radio" name="gender" value="male" <eq name="list.gender" value="male">checked</eq>> male
				</label>
				<label class="radio-inline">
					<input type="radio" name="gender" value="female" <eq name="list.gender" value="female">checked</eq>> female
				</label>
			</div>
		</div>
		

		<div class="form-group">
			<label class="col-md-2 control-label">Create Date</label>
			<div class="col-md-3">
				<div class="form-control-static"><{$list['createTime']|date="F,d,Y H:i:s",###}></div>
			</div>
		</div>


		<input name="id" type="hidden" value="<{$list['id']}>"/>
		<div class="form-group">
			<div class="col-md-10 col-sm-offset-2">
				<button type="submit" class="btn btn-info" ><{:L(_public_submit)}></button>
			</div>
		</div>
	</form>

<script>
$("#state").val('<{$list.state}>');
$("#level").val('<{$list.level}>');
</script>
<input type="hidden" id="menu_action" value="user" />